@charset "UTF-8";
/* 初始化*/
.matchtitle { height: 2.23rem; overflow: hidden; position: relative; margin: 0 0.3rem; border-radius: 5px; }

.matchtitle .bj { width: 100%; height: 100%; display: block; overflow: hidden; }

.matchtitle .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(6, 29, 64, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; line-height: 0.4rem; }

.matchtitle .cont .bt { text-align: center; max-height: 100%; overflow: hidden; }

.matchtitle .cont .bt img { max-height: 0.6rem; margin: 0.15rem auto; max-width: 2rem; }

.matchtitle .cont .bt .h2 { font-size: 0.3rem; font-weight: bold; }

.matchtitle .cont .bt .lis_a { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding-top: 0.1rem; }

.matchtitle .cont .bt .lis_a a { display: inline; padding: 0 0.1rem; }

.matchtitle .cont .lis_a { color: #fff; position: absolute; line-height: 0.48rem; top: 50%; right: 0.2rem; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.matchtitle .cont .lis_a a { color: #fff; display: block; text-align: center; }

.matchtitle + .childnav { margin: 0 0.3rem; padding: 0 0.2rem; }

.matchselect { padding: 0 0.28rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0.3rem; }

.matchselect.between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.2rem 0.28rem; }

.matchselect.between .select { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 20%; text-align: left; }

.matchselect .select { float: left; width: 18%; max-width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 0.5rem; height: 0.5rem; border: solid 0.01rem #cfcfcf; border-radius: 0.1rem; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1%; text-align: center; cursor: pointer; }

.matchselect .select:hover { border-color: #007bff; }

.matchselect .select .layui-nav { padding: 0; background: none; color: #222; width: 100%; }

.matchselect .select .layui-nav .layui-nav-item { line-height: 0.38rem; position: relative; width: 100%; }

.matchselect .select .layui-nav .layui-nav-item a { padding: 0 0.2rem; font-size: 0.2rem; }

.matchselect .select .layui-nav .layui-nav-item .bt- { height: 0.4rem; font-size: 0.2rem; overflow: hidden; width: 100%; display: block; padding: 0 0.25rem 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.matchselect .select .layui-nav .layui-nav-item .bt- i { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.matchselect .select .layui-nav .layui-nav-child { top: 0.45rem; line-height: 0.6rem; max-height: 4.2rem; overflow-y: auto; }

.matchselect .select .layui-nav .layui-nav-child a { color: #999; cursor: default; max-width: 4rem; overflow: hidden; padding: 0; margin: 0 0.2rem; }

.matchselect .select .layui-nav .layui-nav-child a[href] { cursor: pointer; color: #222; }

.matchselect .select + .select + .select + .select .layui-nav-child { left: inherit; right: 0; }

.match_table { margin: 0 0.3rem; }

.match_table .bt-h2 { padding: 0 !important; padding-top: 0.1rem !important; }

.match_table .tr, .match_table .th { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.match_table .tr .td:nth-child(1), .match_table .th .td:nth-child(1) { width: 40%; padding-left: 0px; }

.match_table .tr .td:nth-child(2), .match_table .th .td:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.match_table .tr .td:last-child, .match_table .th .td:last-child { padding-right: 0px !important; position: initial; }

.match_table .th { height: 0.6rem; overflow: hidden; line-height: 0.6rem; background: #fafafa; font-weight: bold; }

.match_table .th .td { line-height: 0.6rem; }

.match_table .tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.1rem 0; }

.match_table .tr:last-child { border-bottom: none; }

.match_table .tr .td { padding: 0.2rem 0.15rem; }

.match_table .td { padding: 0 0.15rem; line-height: 0.5rem; position: relative; }

.match_table .td:first-child { position: initial; }

.match_table .td:first-child .tips { width: 60%; }

.match_table .td .tip { padding-top: 0.2rem; font-size: 0.16rem; color: #999; overflow: hidden; line-height: 0.3rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.match_table .td .name { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.match_table .td .name .lazy { width: 1.2rem; background: none; height: 0.8rem; }

.match_table .td .name .lazy img { position: absolute; width: auto; height: auto; max-width: 1.2rem; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.match_table .td .name .ico { width: 1.2rem; height: 0.8rem; border-radius: 0.05rem; border: solid 1px rgba(0, 0, 0, 0.2); line-height: 0.8rem; text-align: center; text-transform: capitalize; overflow: hidden; }

.match_table .td .name .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 0.2rem; max-height: 0.8rem; line-height: 0.4rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.match_table .td .img_ { display: inline-block; vertical-align: middle; position: relative; min-width: 20px; min-height: 20px; margin: 0.1rem 0.05rem; text-align: center; line-height: 20px; }

.match_table .td .img_ img { height: 0.4rem !important; width: auto !important; margin: 0 auto; position: relative; left: 0 !important; top: 0 !important; }

.match_table .td .img_ .lab { height: 0.3rem; padding: 0 0.05rem; border-radius: 0.05rem; line-height: 0.3rem; font-size: 0.2rem; text-align: center; display: inline-block; min-width: 0.2rem; margin-top: 0.1rem; overflow: hidden; }

.match_table .td .img_ .cor1 { background-color: #6300bf; color: #fff; }

.match_table .td .img_ .cor2 { background-color: #a30014; color: #fff; }

.match_table .td .img_ .cor3 { background-color: #b8741a; color: #fff; }

.match_table .td .img_ .cor4 { background-color: #70b603; color: #fff; }

.match_table .td .img_ .cor5 { background-color: #027db4; color: #fff; }

.match_table .td .img_ .cor6 { background-color: #ffb016; color: #fff; }

.match_table .td .img_ .cor7 { background-color: #b6bed3; color: #fff; }

.match_table .lis_p { overflow: hidden; }

.match_table .lis_p .img_ { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.match_table .lis_p .img_ img { margin: 0; }

.match_table .lis_p .img_ .lab { margin-top: 0px; margin-left: 0.1rem; overflow: hidden; word-break: break-all; }

.match_table .btn { width: 0.8rem; height: 0.45rem; background-color: #e0ecff; line-height: 0.45rem; overflow: hidden; border-radius: 5px; text-align: center; display: block; cursor: pointer; margin-left: 0.1rem; font-size: 0.22rem; }

.match_table .btn:active { background: #007bff; color: #fff; }

.match_table .steup { display: -webkit-box; display: -ms-flexbox; display: flex; }

.match_table .w_auto .btn { width: auto; padding: 0 0.1rem; }

.match_table .dropdown { position: relative; }

.match_table .dropdown ul { display: none; position: fixed; right: 0; top: 0px; z-index: 10000; background: #fff; padding: 0.1rem; padding-left: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); border-radius: 5px; }

.match_table .dropdown ul li { padding-bottom: 0.1rem; }

.match_table .dropdown ul li .btn { width: auto; min-width: 0.6rem; padding: 0 0.1rem; text-align: center; }

.match_table .ul_lis { padding: 0.2rem 0; }

.match_table .ul_lis .item .th { width: 100%; display: block; font-weight: normal; }

.match_table .ul_lis .item .th .time { float: left; }

.match_table .ul_lis .item .th .time u { color: #bf2800; }

.match_table .ul_lis .item .th .time .cor { color: #e77c00; }

.match_table .ul_lis .item .th .tx { float: right; }

.match_table .ul_lis .item .lis { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.2rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.match_table .ul_lis .item .lis:last-child { border: none; }

.match_table .ul_lis .item .lis .namebox { text-align: center; line-height: 0.38rem; font-size: 0.22rem; min-width: 1rem; }

.match_table .ul_lis .item .lis .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 0.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.match_table .ul_lis .item .lis .flex1 .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.1rem; line-height: 0.4rem; }

.match_table .ul_lis .item .lis .flex1 .flex p { min-width: 0.4rem; text-align: center; }

.match_table .ul_lis .item .lis .flex1 .flex p:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #ff4c33; }

.match_table .ul_lis .item .lis .flex1 .flex p.mor { color: #000; }

.match_table .ul_lis .item .lis .flex1 .bt { width: 1.2rem; text-align: center; }

.match_table .ul_lis .item .lis .flex1 .lazy { width: 1.2rem; height: 0.6rem; display: block; background: none; text-align: center; line-height: 0.6rem; position: relative; }

.match_table .ul_lis .item .lis .flex1 .lazy img { max-width: 50%; margin: 0 auto; max-height: 100%; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.match_table .ul_lis .item .lis .open { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-width: 1rem; }

.match_table .ul_lis .item .lis .open ul li { overflow: hidden; }

.match_table .ul_lis .item .lis .open ul .btn { float: none; }

.match_table .bth2 { height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-align: center; border-radius: 0.1rem; background: rgba(0, 0, 0, 0.1); font-size: 0.24rem; font-weight: bold; }

.match_table.theme .ul_lis .item .lis .namebox { width: 120px; }

.match_table.theme .ul_lis .item .lis .open { min-width: 180px; }

.match_table.theme1 .tr .td:nth-child(2), .match_table.theme1 .th .td:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex: none; flex: none; min-width: 1.2rem; }

.match_table.theme1 .tr .td:nth-child(2) .img_ img, .match_table.theme1 .th .td:nth-child(2) .img_ img { display: block; }

.match_table.theme1 .tr .td:nth-child(3), .match_table.theme1 .th .td:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; min-width: 50px; }

.match_table.theme1 .tr .td:nth-child(5), .match_table.theme1 .th .td:nth-child(5) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 5px; }

.match_table.theme1 .tr .td:last-child, .match_table.theme1 .th .td:last-child { padding-left: 0px; }

.match_table.theme2 .tr .td, .match_table.theme2 .th .td { min-width: auto; line-height: 0.3rem; }

.match_table.theme2 .tr .td .img_, .match_table.theme2 .th .td .img_ { min-height: auto; line-height: 0px; margin: 0.05rem 0; }

.match_table.theme2 .tr .td:nth-child(1), .match_table.theme2 .th .td:nth-child(1) { width: 30%; }

.match_table.theme2 .tr .td:nth-child(1) .name .lazy, .match_table.theme2 .th .td:nth-child(1) .name .lazy { width: 1rem; height: 0.6rem; }

.match_table.theme2 .tr .td:nth-child(1) .name .lazy img, .match_table.theme2 .th .td:nth-child(1) .name .lazy img { max-width: 0.6rem; }

.match_table.theme2 .tr .td:nth-child(1) .name .p, .match_table.theme2 .th .td:nth-child(1) .name .p { text-align: center; padding-left: 0.1rem; }

.match_table.theme3 .tr, .match_table.theme3 .th { width: 100%; }

.match_table.theme3 .tr .td, .match_table.theme3 .th .td { padding: 0.2rem 0.1rem; }

.match_table.theme3 .tr .td:nth-child(1), .match_table.theme3 .th .td:nth-child(1) { width: 35%; }

.match_table.theme3 .tr .td .img_, .match_table.theme3 .th .td .img_ { display: block; }

.match_table.theme3 .tr .td.lis_p .img_ img, .match_table.theme3 .th .td.lis_p .img_ img { width: 0.4rem; height: auto; }

.match_table.theme3 .tr .td.lis_p .img_ .lab, .match_table.theme3 .th .td.lis_p .img_ .lab { min-width: 0.5rem; text-align: center; }

.match_table.theme3 .tr .td:nth-child(2), .match_table.theme3 .th .td:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex: none; flex: none; min-width: 0.5rem; }

.match_table.theme3 .tr .td:nth-child(2) .img_ img, .match_table.theme3 .th .td:nth-child(2) .img_ img { display: block; }

.match_table.theme3 .tr .td:nth-child(3) .img_ img, .match_table.theme3 .th .td:nth-child(3) .img_ img { display: block; }

.match_table.theme3 .tr .td:nth-child(4), .match_table.theme3 .th .td:nth-child(4) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.match_table.theme3 .tr .td:nth-child(5), .match_table.theme3 .th .td:nth-child(5) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.match_table.theme3 .tr .td:last-child, .match_table.theme3 .th .td:last-child { padding-left: 0px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; float: right; }

.match_table.theme3 .tr .td .steup, .match_table.theme3 .th .td .steup { display: block; min-width: 1rem; }

.match_table.theme3 .tr .td .steup .btn, .match_table.theme3 .th .td .steup .btn { float: right; margin: 0.15rem 0; }

.match_table .tips { color: #999; text-align: center; line-height: 0.32rem; padding-bottom: 0.1rem; width: 100%; font-size: 0.24rem; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.match_table .tips::before { content: '?'; display: inline-block; vertical-align: middle; width: 0.25rem; height: 0.25rem; border: 1px solid #999; text-align: center; line-height: 0.25rem; font-size: 0.2rem; border-radius: 50%; margin: -2px 5px 0 0; }

.matchitem .bt-h2 { padding: 0 0.3rem; padding-top: 0.1rem; height: 0.8rem; line-height: 0.8rem; overflow: hidden; }

.matchitem .bt-h2 .more { float: right; font-size: 0.24rem; }

.matchitem .bt-h2 .h2 { font-size: 0.3rem; overflow: hidden; float: left; border-bottom: 0.04rem solid #007bff; height: 0.75rem; font-weight: bold; margin-right: 0.2rem; }

.matchitem .bt-h2 .tab { border-color: transparent; font-weight: normal; cursor: pointer; }

.matchitem .bt-h2 .tab.on { border-color: #007bff; color: #007bff; font-weight: bold; }

.matchitem .bt-h2 .tab.on a { color: #007bff; }

.newlatest .lunbox { position: relative; padding: 0.2rem 0; }

.newlatest .lunbox .swiper-wrapper { height: 1.3rem; border-radius: 5px; }

.newlatest .lunbox .swiper-wrapper .swiper-slide { float: left; width: 2.5rem; height: 1.3rem; overflow: hidden; border-radius: 0.05rem; position: relative; margin-right: 0.2rem; }

.newlatest .lunbox .swiper-wrapper .swiper-slide:hover .motai { text-decoration: underline; }

.newlatest .lunbox .swiper-wrapper .swiper-slide .lazy { position: absolute; width: 100%; height: 100%; display: block; overflow: hidden; }

.newlatest .lunbox .swiper-wrapper .swiper-slide .motai { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.2rem; line-height: 0.35rem; }

.newlatest .lunbox .swiper-wrapper .swiper-slide .motai p span { display: block; text-align: center; }

.newlatest .lunbox .prev, .newlatest .lunbox .next { display: block; position: absolute; width: 20px; height: 80px; background: rgba(0, 0, 0, 0.5); top: 10px; color: #fff; font-size: 20px; line-height: 80px; text-align: center; font-family: serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.newlatest .lunbox .prev { border-radius: 5px 0 0 5px; left: 0px; }

.newlatest .lunbox .next { right: 0; border-radius: 0px 5px 5px 0; }

.matchzdlist .list { overflow: hidden; padding-top: 0.1rem; padding-bottom: 0.2rem; }

.matchzdlist .list ul li { float: left; width: 25%; padding-top: 0.1rem; }

.matchzdlist .list .lis { text-align: center; margin-left: 0.3rem; margin: 0 auto; max-width: 1.5rem; display: block; }

.matchzdlist .list .lis .lazy { width: 1.1rem; height: 1.1rem; display: block; margin: 0 auto; background: none; position: relative; }

.matchzdlist .list .lis .lazy img { height: auto; max-height: 100%; width: auto; max-width: 95%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.matchzdlist .list .lis p { line-height: 0.4rem; height: 0.4rem; text-transform: uppercase; padding-top: 0.1rem; font-size: 0.27rem; font-weight: bold; }

.matchzdlist .list .lis span { text-align: center; display: block; color: #999; font-size: 0.2rem; height: 0.4rem; line-height: 0.4rem; }

.matchzdlist .tips { color: #999; text-align: center; margin-top: -10px; line-height: 25px; }

.matchzdlist .tips::before { content: '?'; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid #999; text-align: center; line-height: 20px; font-size: 12px; border-radius: 50%; margin: -2px 5px 0 0; }

.matchnohtml { padding: 0.8rem 0.3rem; text-align: center; line-height: 0.36rem; font-size: 0.24rem; color: rgba(0, 0, 0, 0.8); }

.matchnohtml i { display: inline-block; vertical-align: middle; background: #007bff; color: #fff; font-size: 0.15rem; height: 0.3rem; width: 0.3rem; border-radius: 50%; line-height: 0.3rem; text-align: center; margin: -0.02rem 0.1rem 0 0; }

.Cont6 .swiper-child { padding-top: 0.2rem; }

.Cont6 .swiper-child .a { padding: 0 0.12rem; margin-right: 0.1rem; }

.matchDateico { background: url("../images/eye.png") no-repeat center; width: 0.3rem; height: 0.3rem; display: inline-block; background-size: 100% auto; margin: -0.05rem 0 0 0.1rem; vertical-align: middle; }

.matchDatebox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; line-height: 0.35rem; background: rgba(68, 68, 68, 0.05); padding: 0.1rem 0; color: #444; }

.matchDatebox a { color: #444; }

.matchDatebox .bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 0.5rem; text-align: center; padding: 0 0.1rem; }

.matchDatebox .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.matchDatebox .swiper-container .swiper-slide { width: auto; padding: 0 0.1rem; text-align: center; }

.matchDatebox .swiper-container .now a { color: #007bff; }

.matchTodaydata .switchlab { text-align: center; margin: 0 auto; width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.matchTodaydata .switchlab .swiper-slide { padding: 0 0.05rem; }

.matchTodaydata .switchlab .on a:after { display: none; }

.matchTodaydata .list { padding-bottom: 0.2rem; }

.matchTodaydata .list:last-child { padding-bottom: 0px; }

.matchTodaydata .list .bt-title { background: rgba(68, 68, 68, 0.05); margin: 0 0.3rem; height: 0.5rem; line-height: 0.5rem; padding: 0 0.15rem; font-weight: bold; border-radius: 0.1rem; }

.matchTodaydata .list .lis .li { padding: 0.2rem 0; border-bottom: 1px solid #f3f2f2; }

.matchTodaydata .list .lis .li:last-child { border: none; }

.matchTodaydata .list .lis .li .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchTodaydata .list .lis .li .box .time { width: 1rem; text-align: center; padding: 0 0.1rem; overflow: hidden; }

.matchTodaydata .list .lis .li .box .bt_img { width: 1rem; height: 0.5rem; position: relative; margin-right: 0.1rem; background: none; }

.matchTodaydata .list .lis .li .box .bt_img img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.matchTodaydata .list .lis .li .box .bt { max-width: 3rem; overflow: hidden; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 0.1rem; }

.matchTodaydata .list .lis .li .box .bf { max-width: 3.8rem; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.1rem; }

.matchTodaydata .list .lis .li .box .bf .name { width: 0.5rem; height: 0.5rem; position: relative; background: none; }

.matchTodaydata .list .lis .li .box .bf .name img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.matchTodaydata .list .lis .li .box .bf .tex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0.1rem; overflow: hidden; }

.matchTodaydata .list .lis .li .box .bf .tex .name-tex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.matchTodaydata .list .lis .li .box .bf .tex .name-tex p { text-transform: uppercase; }

.matchTodaydata .list .lis .li .box .bf .tex .name-tex .vs { letter-spacing: 0.1rem; padding: 0 0.1rem; }

.matchTodaydata .list .lis .li .box .bf .tex .name-tex .cor { color: red; letter-spacing: 0; padding: 0 0.2rem; }

.matchTodaydata .list .lis .li .box .bf .tex .p { font-size: 0.24rem; white-space: nowrap; width: 100%; height: 0.2rem; position: relative; margin-top: 0.05rem; }

.matchTodaydata .list .lis .li .box .bf .tex .p span { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.666); -ms-transform: translate(-50%, -50%) scale(0.666); transform: translate(-50%, -50%) scale(0.666); }

.matchTodaydata .list .lis .li .box .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchTodaydata .list .lis .li .box .btn { min-width: 0.6rem; height: 0.45rem; background-color: #e0ecff; padding: 0 0.1rem; line-height: 0.45rem; overflow: hidden; border-radius: 5px; text-align: center; display: block; cursor: pointer; margin-left: 0.1rem; font-size: 0.22rem; }

.matchTodaydata .list .lis .li .box .btn:active { background: #007bff; color: #fff; }

.matchTodaydata .list .lis .li .box .dropdown { position: relative; }

.matchTodaydata .list .lis .li .box .dropdown ul { display: none; position: fixed; right: 0; top: 0px; z-index: 10000; background: #fff; padding: 0.1rem; padding-left: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); border-radius: 5px; }

.matchTodaydata .list .lis .li .box .dropdown ul li { padding-bottom: 0.1rem; }

.matchTodaydata .list .lis .li .box .dropdown ul li .btn { width: auto; min-width: 0.6rem; padding: 0 0.1rem; text-align: center; }
